<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<title>填写资料-用户注册</title>
<link rel="icon" type="image/x-icon" href="http://static.mall.com/images/common/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.mall.com/images/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://static.mall.com/style/v1/global.css" />
<style type="text/css">
.bar{height: 30px;border: 1px solid #C8D4E4; background: url("newborder_bg.png") repeat-x scroll 0 0 #FFFFFF;}


.goods_gallery{ width:352px;}
.goods_gallery .preview{position:relative;padding:0;height:350px;width:350px;border:1px solid #E4E4E4;display:block;vertical-align:inherit;z-index:1;}
.goods_gallery .zoom_icon{position:absolute;bottom:0;right:0;height:23px;width:23px;background: url("zoom.png") no-repeat scroll left top transparent;}
.goods_gallery .thumb{margin:10px 0 0;overflow:hidden;}
.goods_gallery .thumb li{text-align:center;width:60px;float:left;overflow:hidden;}
.goods_gallery .thumb li img{border:1px solid #E8E8E8;padding:2px;margin:0;vertical-align:middle;cursor:pointer;}
.goods_gallery .thumb li img.selected{border:2px solid #FF6600;padding:1px;}

.goods_gallery .action {
    margin: 20px 0 10px;
}

.goods_gallery .action a {
    float: left;
    margin-right: 50px;
}
.goods_gallery .action a, .goods_gallery .action a:visited{
    float: left;
    height: 16px;
    line-height: 16px;
    margin-right: 0;
    overflow: hidden;
}
.goods_gallery .action a i {
    background: url("detail.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    margin-right: 3px;
    width: 16px;
}
.goods_gallery .action a.recommend {
    margin-right: 50px;
}
.goods_gallery .action .recommend i {
    background-position: -129px -293px;
}
.goods_gallery .action .favorite i {
    background-position: -109px -293px;
}




.goods_summary{ width:500px;}
.tb_clearfix{*zoom:1;}
.tb_clearfix:after {content:'\20';display:block;height:0;clear:both;}

.goods_buy .tb_panel .tb_selected i{
	background-image: url("goods_detail.png");
	_background-image: url("goods_detail.gif");
	background-repeat: no-repeat;
}

.goods_buy{/*border:1px solid #EDEDED;*/margin-bottom:10px;padding:1px;}
.goods_buy .tb_panel{/*background:none repeat scroll 0 0 #F9F9F9;*/padding:8px;*zoom:1;}
.goods_buy_hover{border-color:#FCBB29;}
.goods_buy_hover .tb_panel{ background-color:#FFF3D9;}

.goods_buy .tb_panel dl{padding-bottom:6px;*padding-bottom:8px;}
.goods_buy .tb_panel dt{float:left;display:inline;text-align:right;width:70px;margin-top:4px;color:#696969; font-size:12px;}
.goods_buy .tb_panel dt b{ padding:0 0 0 2px;}
.goods_buy .tb_panel dd{float:left;display:inline;margin-left:10px;width:338px;}
.goods_buy .tb_panel li{float:left;position:relative;background-color:#fff;margin:0 4px 4px 0;line-height:20px;vertical-align:middle;padding:1px;}
.goods_buy .tb_panel li a {
	display:block;
	background-color:#fff;
	white-space:nowrap;
	width:auto!important;
	min-width:10px;
	width:10px;
	padding:0 6px;
	text-align:center;
	border:1px solid #C8C9CD;
	color:#000;
	text-decoration:none;
}

.goods_buy .tb_panel li a:hover, .goods_buy .tb_panel li.selected a, .goods_buy .tb_panel li.selected a:hover, .goods_buy .tb_panel li.tb_selected a, .goods_buy .tb_panel li.tb_selected a:hover {
	border-color:#c30008;
	border:2px solid #FF6701;
	margin:-1px;
}
.goods_buy .tb_panel .selected i, .goods_buy .tb_panel .tb_selected i {
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:12px;
	height:12px;
	overflow:hidden;
	text-indent:-9999em;
	background-position:0 0;
}
.goods_buy .tb_panel li a:focus {
	border:2px solid #FF6701;
	margin:-1px;
}
.goods_buy .tb_panel li span {
	padding-left:1px;
}
.goods_buy .tb_panel .tb_img li a {
	background-color:transparent;
	width:32px!important;
	height:32px;
	padding:0;
	line-height:32px;
	background-position:center center;
	background-repeat:no-repeat;
	outline:none;
}
.goods_buy .tb_panel .tb_img li span {
	display:block;
	text-indent:-9999em;
}
.goods_buy .tb_panel .tb_img .tb_txt a {
	padding:0 5px;
	width:auto!important;
	width:28px;
}
.goods_buy .tb_panel .tb_img .tb_txt a span {
	text-indent:0;
	width:auto;
}

.goods_buy .tb_panel li.tb_out_of_stock a {
	border:1px dashed #D6D6D8;
	color:#CDCDCD;
	margin:0;
	cursor:not-allowed;
}
.goods_buy .tb_panel li.tb_out_of_stock a:hover {
	border:1px dashed #D6D6D8;
	margin:0;
}
.goods_buy .tb_panel .tb_img li.tb_out_of_stock span {
	background:url() 0 0 repeat;
*background:url("mask.gif") 0 0 repeat;
}



.goods_buy .tb_panel .tb_amount input{}
.goods_buy .tb_panel .tb_amount em {color:#999;}
.goods_buy .tb_panel .tb_amount em span{ color:#FF6701; margin:0 2px;}
.goods_buy .tb_panel .amount_wrapper{width:70px; height:20px; display:inline-block;}
.goods_buy .tb_panel .amount_wrapper input{width:35px; height:18px;line-height:18px; border:#c4c4c4 solid 1px; text-align:center; overflow:hidden;}




.goods_buy .tb_panel .tb_choice, .goods_buy .tb_panel .tb_choice em{font-weight:bold;}
.goods_buy .tb_panel .tb_choice em{margin-right:0.5em;font-style:normal;}
.goods_buy .tb_panel .tb_choice .tb_h{color:#FF5500;margin-top:4px;}


.goods_meta dl{
	display:block;
	margin-bottom:10px;
}
.goods_meta dt{float:left;width:80px;
    color:#696969;
    text-align:right;
		height:18px;
		line-height:18px;
		font-size:12px;
		vertical-align:middle;
}
.goods_meta dt b{padding: 0 0 0 2px;}
.goods_meta dd{
    line-height:18px;
    margin-left:90px;
}

.goods_title {}
.goods_title h1{font:bold 19px Arial,sans-serif;color: #333333;margin:0;overflow:hidden;padding-bottom:4px;word-wrap:break-word;}
.goods_title .rating{color:#696969;}
.goods_title .rating span{ float:left; margin:0 3px 0 0;}
.goods_title .rating .rating_yellow{padding: 1px 0 0;}

.goods_meta .our_price{color:#CC0000;font-size:20px; font-weight:bold;}
.goods_meta .in_stock{font-family:Verdana,regular;font-size:12px;color:#009933;font-weight:bold;text-decoration:None;}
.goods_meta .out_of_stock{font-family:Verdana,regular;font-size:12px;color:#F00;font-weight:bold;text-decoration:None;}

.site_location{color:#49494A;font-family:Arial,Verdana,sans-serif;font-size:12px;padding:10px 0 20px;}

.feature_line{position:absolute;height:7px;line-height:7px;font-size:0px;display: block;
background: url("lineBg.png") repeat-x scroll 0pt 0pt transparent; 
}
.feature_marker{position:absolute;width:22px;height:22px;font-size:0px;display: block;
background: url("marker.png") repeat-x scroll 0pt 0pt transparent; 
}


/* simulation enter start */
.simulation-enter {
	float:left;
	position:relative;
	width:60px;
	height:17px;
	border-style:solid;
	border-width:1px;
	border-color:#bbb #999 #999 #bbb;
	background:#fff;
}
.simulation-enter input {
	float:left;
	padding-left:5px;
	width:55px;
	height:17px;
	line-height:17px;
	font-family:Verdana;
	color:#333;
	border:0;
}
.simulation-enter-button {
	overflow:hidden;
	position:absolute;
	top:-1px;
	right:-1px;
	width:20px;
	height:19px;
	background:url(http://www.dhresource.com/dhs/fob/img/final/final7.png) -608px -209px;
	cursor:pointer;
}
.simulation-enter-button:hover {
	background-position:-628px -209px;
}
/* simulation enter end */

.key-info-ri {
	margin-left:127px;
	_width:273px;
	min-width:273px;
}
.unit-price {
	float:left;
	margin-right:10px;
	font-size:14px;
	color:#900;
}
.unit-Price-country {
	position:relative;
	z-index:30;
	float:left;
}
.unit-price-button {
	display:block;
	margin-top:5px;
	padding-right:16px;
	line-height:12px;
	font-size:10px;
	font-family:Verdana;
	color:#039;
	white-space:nowrap;
	background:url(http://www.dhresource.com/dhs/fob/img/final/final6.png) no-repeat 100% -336px;
	cursor:pointer;
}
.unit-price-button:hover {
	color:#FF8000;
	text-decoration:underline;
	background-position:100% -390px;
}


#unitPriceCountryContent {
	position:absolute;
	top:20px;
	left:0;
	background:#fff;
	border: 1px solid #ACACAC;
}
.unit-price-conuntry-list-inner {
	position:relative;
	padding:10px 10px 15px 10px;
	width:330px;
}
.unit-price-conuntry-title {
	margin-left:5px;
	color:#333;
	font-size:13px;
}
.unit-price-conuntry-list {
	margin-top:-5px;
	padding-bottom:15px;
	border-bottom:solid 1px #ddd;
}
.unit-price-conuntry-list li {
	display:inline;
	overflow:hidden;
	float:left;
	margin:15px 0 0 5px;
	width:160px;
	height:11px;
	font-size:10px;
	line-height:11px;
	color:#333;
	font-family:Verdana;
}
.unit-price-conuntry-list li img {
	float:left;
	margin-right:5px;
}
.unit-price-conuntry-note {
	padding:5px 5px 10px 5px;
	font-size:11px;
}
.unit-price-conuntry-close {
	text-align:center;
}
#unitPriceConuntryClose {
	overflow:hidden;
	position:absolute;
	top:5px;
	right:5px;
	width:12px;
	height:12px;
	background:url(http://www.dhresource.com/dhs/fob/img/final/final7.png) -579px -140px;
	cursor:pointer;
}
#unitPriceConuntryClose:hover {
	background-position:-579px -152px;
}
.mMid-inner {
	position:relative;
	margin:-17px -42px -17px -43px;
	zoom:1;
	background:#fff;
}
</style>
</head>
<body>
<br />
<br />
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
		<!--
		<div class="bar"></div>
		-->
    </td>
  </tr>
</table>

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2">
<div class="site_location">
  <span><a href="http://www.bestbuy.com">Home</a></span>
  &nbsp;›&nbsp;
  <span><a href="/site/Electronics/Computers-PCs/abcat0500000.c?id=abcat0500000">Computers &amp; Tablets</a></span>
  &nbsp;›&nbsp;
  <span><a href="/site/Computers-PCs/Laptop-Computers/abcat0502000.c?id=abcat0502000">Laptop &amp; Netbook Computers</a></span>
  &nbsp;›&nbsp;
  <span><a href="/site/Laptop-Computers/PC-Laptops/pcmcat247400050000.c?id=pcmcat247400050000">PC Laptops</a></span>
  &nbsp;›&nbsp;
  <span><span>Product Info</span></span>
</div>
    </td>
  </tr> 
  <tr>
    <td colspan="2">
<div class="key-info-ri clearfix">
	<strong class="unit-price"> US $52.87 ~ 80.83  / Piece </strong>
  <div class="unit-Price-country"> 
  	<span id="unitPriceButton" class="unit-price-button">Reference Currency</span>
    <div style="display:none;" id="unitPriceCountryContent">
      <div class="unit-price-conuntry-list-inner" id="unitPriceConuntryList">
        <div class="unit-price-conuntry-title"><strong>Reference Currency</strong></div>
        <ul class="unit-price-conuntry-list clearfix">
          <li vhidden="BRL"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/BRL.gif">BRL 94.11 ~ 143.88</li>
          <li vhidden="EUR"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/EUR.gif">EUR 38.60 ~ 59.01</li>
          <li vhidden="RUB"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/RUB.gif">RUB 1655.89 ~ 2531.60</li>
          <li vhidden="PHP"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/PHP.gif">PHP 2289.80 ~ 3500.75</li>
          <li vhidden="INR"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/INR.gif">INR 2636.63 ~ 4030.99</li>
          <li vhidden="CAD"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/CAD.gif">CAD 53.93 ~ 82.45</li>
          <li vhidden="AUD"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/AUD.gif">AUD 51.81 ~ 79.21</li>
          <li vhidden="GBP"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/GBP.gif">GBP 33.31 ~ 50.92</li>
          <li vhidden="MYR"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/MYR.gif">MYR 173.94 ~ 265.93</li>
          <li vhidden="SEK"><img width="16" height="11" src="http://image.dhgate.com/2008/web20/fix/images/SEK.gif">SEK 350.00 ~ 535.09</li>
        </ul>
        <p class="unit-price-conuntry-note"><strong>Note</strong>: Due to possible delay of exchange rate update, price in various currencies is for reference only.</p>
        <div class="unit-price-conuntry-close"><span id="unitPriceConuntryClose1" class="c-button-1"><input type="button" name="" value="Close"></span></div>
        <span title="close" id="unitPriceConuntryClose"></span>
      </div>
    </div>
  </div>
</div>
    
    </td>
  </tr>
  <tr>
    <td>
<div class="goods_gallery">
    <div class="preview">
    	<div class="feature_line" style="width:112px; margin:8px 0 0 11px;z-index:1;"></div>
      <div class="feature_marker" style="z-index:2;"></div>
      <img width="350" height="350" zoom-src="http://img10.360buyimg.com/n0/3804/8413f3c8-2645-4115-a67f-e0149ab0a655.jpg" src="http://img10.360buyimg.com/n1/3804/8413f3c8-2645-4115-a67f-e0149ab0a655.jpg" alt=""></a>
      <div class="zoom_icon"></div>
    </div>
    <div class="thumb">
        <ul class="clearfix">
          <li><img class="selected" width="50" height="50" src="http://img14.360buyimg.com/n5/4296/617ebd78-7f53-4caa-8f44-e0825101e02e.jpg"></li>
          <li><img width="50" height="50" src="http://img14.360buyimg.com/n5/2066/ae1464b6-f9b8-494b-94b1-3a299ee49ef1.jpg"></li>
          <li><img width="50" height="50" src="http://img14.360buyimg.com/n5/4836/4f9c70b1-d0cf-41cd-a1eb-1afe939ac3c3.jpg"></li>
        </ul>
    </div>
    <div class="action clearfix"> 
        <a title="Share this" class="recommend " href="#"><i></i>Share this</a> 
        <a title="Favorite goods" class="favorite" href="#"><i></i>Add To My Wish List</a> 
    </div>
</div>        
    </td>
    <td valign="top">
<div class="goods_summary">
    <div class="goods_title">
      <h1>Flytouch III 10.1 inch Google Android 2.2 8GB HDMI GPS Gravity Sensor Tablet PC </h1>
      <div class="rating clearfix"><span>Rating<b style="padding:0 0 0 2px;">:</b></span><span class="rating_yellow"><div class="r45"></div></span><span>4.5 (<a href="#">385 Customer Reviews</a>)</span><span style="padding-left:10px;"><a href="#">Write a review</a></span></div>
    </div>
    <div class="dashed" style="margin:8px 0;"></div>
    <div class="goods_meta">
      <dl>
        <dt>Item Number<b>:</b></dt>
        <dd><span class="item_number">T70-150020</span></dd>
      </dl>
      <dl>
        <dt>Shipping<b>:</b></dt>
        <dd><span class="in_stock">In Stock</span> <span class="out_of_stock">Out Of Stock</span></dd>
      </dl>
      <dl>
        <dt>Price<b>:</b></dt>
        <dd><span class="our_price">$336.00</span></dd>
      </dl>
    </div>
    <div class="goods_buy">
    	<div class="tb_panel">
        
    <dl class="tb_prop tb_clearfix">
      <dt>Size<b>:</b></dt>
      <dd>
        <ul class="tb_clearfix" data-property="尺码">
          <li data-value="21921:44897" class="tb_selected"><a href="javascript:{};" hidefocus="true"><span>38.5</span></a><i>已选中</i></li>
          <li data-value="21921:672" class="tb_out_of_stock"><a href="javascript:{};" hidefocus="true"><span>39</span></a></li>
          <li data-value="21921:28389"><a href="javascript:{};" hidefocus="true"><span>40</span></a></li>
          <li data-value="21921:44899"><a href="javascript:{};" hidefocus="true"><span>40.5</span></a></li>
          <li data-value="21921:28390"><a href="javascript:{};" hidefocus="true"><span>41</span></a></li>
          <li data-value="21921:28391"><a href="javascript:{};" hidefocus="true"><span>42</span></a></li>
          <li data-value="21921:44901"><a href="javascript:{};" hidefocus="true"><span>42.5</span></a></li>
          <li data-value="21921:28392"><a href="javascript:{};" hidefocus="true"><span>43</span></a></li>
        </ul>
      </dd>
    </dl>
    <dl class="tb_prop tb_clearfix">
      <dt>Memory<b>:</b></dt>
      <dd>
        <ul class="tb_clearfix" data-property="尺码">
          <li data-value="21921:44897"><a href="javascript:{};" hidefocus="true"><span>8 GB</span></a></li>
          <li data-value="21921:672"><a href="javascript:{};" hidefocus="true"><span>16 GB</span></a></li>
          <li data-value="21921:672"><a href="javascript:{};" hidefocus="true"><span>32 GB</span></a></li>
        </ul>
      </dd>
    </dl>
    <dl class="tb_prop tb_clearfix">
      <dt>Color<b>:</b></dt>
      <dd>
        <ul class="tb_clearfix tb_img" data-property="颜色分类">
          <li title="黑/电黄 443844-008" data-value="1627207:28332" class="tb_selected"><a style="background:url(http://img01.taobaocdn.com/bao/uploaded/i1/369075622/T29XRZXeFXXXXXXXXX_!!369075622.jpg_30x30.jpg) center no-repeat;" href="javascript:{};" hidefocus="true"><span>黑/电黄 443844-008</span></a><i>已选中</i></li>
          <li title="白色 443844-007" data-value="1627207:28320"><a style="background:url(http://img04.taobaocdn.com/bao/uploaded/i4/369075622/T2SXBZXcJaXXXXXXXX_!!369075622.jpg_30x30.jpg) center no-repeat;" href="javascript:{};" hidefocus="true"><span>白色 443844-007</span></a></li>
          <li title="黑色 443844-004" data-value="1627207:28341" class="tb_out_of_stock"><a style="background:url(http://img02.taobaocdn.com/bao/uploaded/i2/369075622/T2YZhSXnhXXXXXXXXX_!!369075622.jpg_30x30.jpg) center no-repeat;" href="javascript:{};" hidefocus="true"><span>黑色 443844-004</span></a></li>
        </ul>
      </dd>
    </dl>
    <dl class="tb_amount tb_clearfix">
      <dt>Quantity<b>:</b></dt>
      <dd>
        <div class="amount_wrapper">
         <a href="javascript:{};" class="icon i-decrement inline-block" hidefocus="true">-</a>
         <span class="inline-block"><input type="text" value="1" name="num" id="num"></span>
         <a href="javascript:{};" class="icon i-increment inline-block" hidefocus="true">+</a>              
        </div>
      </dd>
    </dl>
    <dl class="tb_amount tb_clearfix">
      <dt>Quantity<b>:</b></dt>
      <dd>
        <div class="simulation-enter">
          <input type="text" value="1" autocomplete="off" name="quantity" id="quantity">
          <span style="display:none;" class="simulation-enter-button" id="quantityEnter"></span>
        </div>
      </dd>
    </dl>
    <dl class="tb_choice tb_clearfix">
      <dt>Selected<b>:</b></dt>
      <dd class="tb_h"><em title="尺码">"38.5"</em><em title="手机套餐">"Green"</em></dd>
    </dl>
    
    <!--
    <div class="tb-action tb_clearfix">
      <div class="tb-btn-buy"><a title="点击此按钮，到下一步确认购买信息。" data-addfastbuy="true" href="#" id="J_LinkBuy">立即购买<b></b></a></div>
      <div class="tb-btn-add"><a id="J_LinkAdd" title="加入购物车" href="#">加入购物车<b></b></a></div>
    </div>
        -->
        
        
        </div>
    </div>
</div>    
    </td>
  </tr>
</table>

http://www.walmart.com/ip/GE-16-MP-X500-BK/16561041


<script type="text/javascript" src="http://static.test.com/js/loader.js"></script>
<script type="text/javascript">
loader.load({url:'module!jquery', charset:'utf-8'}, function(){
	$('#unitPriceButton').click(function(){
		$('#unitPriceCountryContent').show();
	});
	$('#unitPriceConuntryClose').click(function(){
		$('#unitPriceCountryContent').hide();
	});	
});

</script>
</body>
</html>
